<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vivo智能手机</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="http://localhost/zuoye/vivo1/resource/home/css/head.css" />
    <link rel="stylesheet" href="http://localhost/zuoye/vivo1/resource/home/css/swiper.min.css" />
    <link rel="stylesheet" href="http://localhost/zuoye/vivo1/resource/home/css/common.css" />
    <script src="http://localhost/zuoye/vivo1/resource/home/css/bt/js/bootstrap.min.js"></script>
    <script src="http://localhost/zuoye/vivo1/resource/home/js/swiper.min.js"></script>
    <script src="http://localhost/zuoye/vivo1/resource/home/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://localhost/zuoye/vivo1/resource/home/js/lunbo.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<header class="header">
    <!--搜索-->
    <div class="head-search">
        <div class="search-box">
            <from>
                <input type="text" name="" id="" value="" placeholder="如：X6"/>
                <button type="submit">搜索</button>
                <a href="javascript:;" class="close"></a>
            </from>
        </div>
    </div>
    <!--头部-->
    <div class="wrap">
        <nav class="navigator">
            <a href="index.php" class="logo">
                <img src="http://localhost/zuoye/vivo1/resource/home/image/logo.png"/>
            </a>
            <ul class="nav-box">
                <li><a href="#">手机</a></li>
                <li><a href="">配件</a></li>
                <li><a href="">V币商品</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
                <li><a href="">官网</a></li>
            </ul>
            <div class="seach-user">
                <ul class="seach-menu">
                    <li><a href="javascript:;"><b class="nav-bg1"></b></a></li>
                    <li><a href="">	<b class="nav-bg2"></b>	</a></li>
                    <li><a href="view/shoppingCar.php">
                            <b class="nav-bg3"></b>
                            <em>0</em>
                        </a>
                    </li>
                </ul>
            </div>

        </nav>
    </div>
</header>

    <div class="content">
    	<div class="con_a">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="<?php echo __ROOT__?>/resource/home/image/con1.jpg"/></div>
		            <div class="swiper-slide"><img src="<?php echo __ROOT__?>/resource/home/image/con2.jpg"/></div>
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination"></div>
		        <!-- Add Arrows -->
		    </div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con3.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con4.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con5.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con6.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con7.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con8.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con9.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="<?php echo __ROOT__?>/resource/home/image/con10.jpg"/>
    			</div>
    		</div>
    	</div>
    </div>

<footer id="footer">
    <div class="shop-agree">
        <div class="wrapper">
            <ul class="cl">
                <li>
                    <a href="#">
                        <b class="foot-b1"></b>
                        <p><span>0</span>运费购手机</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <b class="foot-b2"></b>
                        <p><span>30</span>无理由退货</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <b class="foot-b3"></b>
                        <p>电子发票</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <b class="foot-b4"></b>
                        <p><span>380</span>余家售后服务中心</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="shop-help">
        <div class="wrapper cl">
            <dl>
                <dt><b class="help-b1"></b>购买流程</dt>
                <dd><a href="">· 支付宝支付</a></dd>
                <dd><a href="">· 发票说明</a></dd>
                <dd><a href="">· 优惠券说明</a></dd>
                <dd><a href="">· 花呗分期</a></dd>
            </dl>
            <dl>
                <dt><b class="help-b2"></b>配送方式</dt>
                <dd><a href="">· 配送方式</a></dd>
                <dd><a href="">· 配送费用</a></dd>
                <dd><a href="">· 签收须知</a></dd>
            </dl>
            <dl>
                <dt><b class="help-b3"></b>服务支持</dt>
                <dd><a href="">· 服务保证</a></dd>
                <dd><a href="">· 售后服务</a></dd>
                <dd><a href="">· 售后网点查询</a></dd>
                <dd><a href="">· 碎屏宝</a></dd>
                <dd><a href="">· 手机延保</a></dd>
            </dl>
            <dl>
                <dt><b class="help-b4"></b>品牌服务</dt>
                <dd><a href="">· 常见问题</a></dd>
                <dd><a href="">· 相关下载</a></dd>
                <dd><a href="">· 联系我们</a></dd>
            </dl>
            <dl>
                <dt><b class="help-b5"></b>小V在线时段</dt>
                <dd><a href="">周一至周五 08:00-21:00</a></dd>
                <dd><a href="">周六、周日 09:00-18:00</a></dd>
                <dd><a href=""><img src="image/foot-bg1.png"/></a></dd>
            </dl>
        </div>
    </div>
    <div class="foot-copyright">
        <div class="wrapper cl">
            <div class="foot-right">
                成为vivo粉丝:
                <a href=""><b class="fr-b1"></b></a>
                <a href=""><b class="fr-b2"></b></a>
                <a href=""><b class="fr-b3"></b></a>
                <a href="" class="weixin">
                    <b class="fr-b4"></b>
                    <div class="hide">
                        <img src="http://localhost/zuoye/vivo1/resource/home/image/foot-bg3.jpg"/>
                        <b class="fr-b5"></b>
                    </div>
                </a>

            </div>
            <div class="foot-copy">
                <a href="" class="foot-logo"></a>
                Copyright ©2011-2016 广东步步高电子工业有限公司
                <br />
                版权所有 保留一切权利粤B2-20080267 |
                <a href="" class="wen">粤ICP备05100288号</a>
            </div>
        </div>
    </div>
</footer>
<div id="sid-bar">
    <ul>
        <li><a href="" class="sid-bg1">
                <div>
                    在线客服
                </div>
            </a></li>
        <li><a href="" class="sid-bg2">
                <div class="sb-1">
                    <img src="http://localhost/zuoye/vivo1/resource/home/image/sid-bar5.png"/>
                    <p>
                        支付宝扫码
                        <br />
                        关注享最新活动福利
                    </p>
                </div>
            </a></li>
        <li><a href="" class="sid-bg3"><div>
                    意见反馈
                </div></a></li>
        <li><a href="" class="sid-bg4"><div>
                    返回顶部
                </div></a></li>

    </ul>
</div>
</body>
</html>

